Text needs consistent contrast 文字需要保持一致的對比度
有沒有試過在一張大的主圖上放置標題,卻發現無論選擇什麼顏色的文字,都很難閱讀?這是因為問題不在於文字,而在於圖片本身。

The problem with background images 背景圖片的問題
照片往往非常動態,有很多明亮的區域,也有很多黑暗的區域。白色文字在暗處可能看起來很棒,但在亮處就會消失。深色文字在亮處表現出色,但在暗處又會看不清。

要解決這個問題,你需要降低圖片的動態範圍,使文字和背景之間的對比度更加一致。
Add an overlay 新增遮罩層
提高整體文字對比度的一種方法是在背景圖片上新增半透明遮罩層。

Lower the image contrast 調整圖片亮暗對比
黑色遮罩層會降低亮部區域的亮度,幫助淺色文字突出顯示,而白色遮罩層則會提亮暗部區域,幫助深色文字突出顯示。當你降低圖片的明暗對比度時,整體效果會變得更加柔和。記得適當調整整體亮度,讓圖片看起來更加自然。

Colorize the image 給圖片上色的簡單方法
想讓文字在圖片上更容易看清?試試給圖片新增單一顏色。很多圖片編輯軟體都有這個功能。如果你的軟體沒有,可以按照這三步來做:
- 把圖片的明暗對比調低一些,讓整體看起來更均勻
- 把圖片的顏色飽和度調低,讓原有的顏色變淡
- 在圖片上新增一個純色圖層,選擇"正片疊底"效果
這樣不僅能讓文字更清晰,還能讓圖片更好地配合你的品牌顏色。

Add a text shadow 使用文字發光效果
如果你想保持圖片原有的明暗變化,可以給文字新增柔和的發光效果。這樣能在需要的地方讓文字更容易看清。製作發光效果時,把它調整得像柔和的光暈,而不是明顯的陰影。具體做法是:選擇大一點的模糊程度,不要讓發光效果偏離文字位置。
雖然適當降低圖片對比度仍然有幫助,但有了文字發光效果後,你就不需要把對比度調得太低了。
